<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/order.css">
    <link rel="stylesheet" href="/libs/font/iconfont.css">
</head>
<body>
    <header></header>
    <!-- <div class="header">
        <div class="header-content">
            <a href="#"><img src="/images/logo.png"></a>
            <div class="header-content-right">
                <ul>
                    <li><i class="iconfont icon-dingdan"></i>订单中心</li>
                    <li>
                        <a href="/html/login.html">登录</a>
                        <a href="/html/register.html">注册</a>
                    </li>
                    <li class="ac">欢迎登录</li>
                </ul>
            </div>
        </div>
    </div> -->
    <main>
        <div class="main-order">
            <script type="text/html" id="orderDataTemplate">
                {{each list item}}
                    <div class="main-order-item" data-id="{{item.id}}" data-priceid="{{item.priceid}}" data-sessionid="{{item.sessionid}}">
                        <div class="main-order-item-title">
                            <ul>
                                <li class="flex-wid">商品</li>
                                <li>数量</li>
                                <li>单价</li>
                                <li>总计</li>
                                <li>状态</li>
                                <li class="eidit-li">编辑</li>
                            </ul>
                        </div>
                        <div class="main-order-item-content">
                            <ul class="list">
                                <li class="flex-wid content-li">
                                    <div class="item-content-img">
                                        <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=824529714,3455863915&fm=26&gp=0.jpg">
                                    </div>
                                    <div class="item-content-msg">
                                        <div class="item-content-msg-title" title="{{item.name}}">
                                            {{item.name.slice(0,10)+'...'}}
                                        </div>
                                        <div class="item-content-msg-price">
                                            价格：<span>{{item.price}}</span>
                                        </div>
                                        <div class="item-content-msg-session">
                                            场次：<span>{{item.session}}</span>
                                        </div>
                                        <div class="item-content-msg-time">
                                            时间：<span>{{item.project_label}}</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="chosenum">
                                    <i class="chosenum-cut">-</i>
                                    <span class="item-count">{{item.count}}</span>
                                    <i class="chosenum-plus">+</i>
                                </li>
                                <li class="trueprice">￥<font>{{item.trueprice}}</font></li>
                                <li class="totalcount">￥<font>{{item.count * item.trueprice}}</font></li>
                                <li class="content-li-btn">
                                    <div>
                                        <!-- <button class="item-content-sure">确认订单</button> -->
                                        <button class="item-content-cancel">删除订单</button>
                                    </div>
                                </li>
                                <li class="eidit-li">
                                    <input class="checks" type="checkbox" checked="{{check?'checked':''}}">
                                </li>
                            </ul>
                        </div>
                    </div>
                {{/each}}
            </script>
        </div>
        <div class="elac-order">
            <div class="elac-order-left">
                全选
                <input type="checkbox" id="allcheck">
            </div>
            <div class="elac-order-right">
                <div class="elac-order-right-total">共计: <span id="total"></span>元</div>
                <button class="elacbtn">提交订单</button>
            </div>
        </div>
        <div class="noorder ac">
            <div class="noorder-img">
                <img src="/images/empty-order.052a021.png">
            </div>
            <div class="noorder-msg">
                <p>暂时没有订单</p>
            </div>
            <div class="noorder-src">
                <a href="/index.html">
                    <button>去买票</button>
                </a>
            </div>
        </div>
    </main>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/order"></script>
</body>
</html>